<div class="header header-black header-fixed">
    <div class="brand-logo">
        <a href="#">
            <img src="https://juheimg.oss-cn-hangzhou.aliyuncs.com/www/v6/headerFooter/logo-white.png">
        </a>
    </div>
    <div class="header-operations">
        <div class="header-search-form">
            <div class="header-search-group">
                <input type="text" class="search-input" placeholder="vin">
                <span class="header-search-group-append"><i class="iconfont icon-search"></i></span>
            </div>
        </div>
        <div class="header-actions">
            <a class="el-btn el-btn-default" href="javascript: void(0);">个人中心</a>
            <!--<a class="el-btn el-btn-default" href="javascript: void(0);">登录</a>-->
            <a class="el-btn el-btn-primary" href="javascript: void(0);">注册</a>
        </div>
    </div>
    <div class="header-navbar">
        <ul class="header-nav">
            <li class="active"><a href="#">首页</a></li>
            <li><a data-toggle="headerDropDown" data-target="#data-service-menu" href="#">数据服务</a></li>
            <li><a data-toggle="headerDropDown" data-target="#production-solution" href="#">产品&解决方案</a></li>
            <li><a href="#">聚合会员</a></li>
            <li><a href="#">数据积分</a></li>
        </ul>
    </div>
    <div class="header-dropdown-menu">
        <div class="header-dropdown-content">
            <div id="data-service-menu" class="header-dropdown-nav">
                <div class="sub-nav-container">
                    <div class="sub-nav-block">
                        <a href="#" class="nav-item">金融征信</a>
                        <ul class="sub-nav">
                            <li class="sub-menu-item">
                                <a href="#"><span class="title">银行卡四元素教研</span><span class="tag tag-new">New</span></a>
                            </li>
                            <li class="sub-menu-item">
                                <a href="#"><span class="title">银行卡四元素教研</span><span class="tag tag-new">New</span></a>
                            </li>
                            <li class="sub-menu-item">
                                <a href="#"><span class="title">银行卡四元素教研</span><span class="tag tag-new">New</span></a>
                            </li>
                        </ul>
                        <a class="sub-nav-more" href="javascript:void(0);">更多>></a>
                    </div>
                    <div class="sub-nav-block">
                        <a href="#" class="nav-item">金融征信</a>
                        <ul class="sub-nav">
                            <li class="sub-menu-item">
                                <a href="#"><span class="title">银行卡四元素教研</span><span class="tag tag-new">New</span></a>
                            </li>
                            <li class="sub-menu-item">
                                <a href="#"><span class="title">银行卡四元素教研</span><span class="tag tag-new">New</span></a>
                            </li>
                            <li class="sub-menu-item">
                                <a href="#"><span class="title">银行卡四元素教研</span><span class="tag tag-new">New</span></a>
                            </li>
                        </ul>
                        <a class="sub-nav-more" href="javascript:void(0);">更多>></a>
                    </div>
                </div>
                <div class="data-service-menu-banners">
                    <a href="#" class="data-service-menu-banner">
                        <img src="https://juheimgs.oss-cn-beijing.aliyuncs.com/banner/201802/5a73fefeac6fa.png">
                    </a>
                    <a href="#" class="data-service-menu-banner">
                        <img src="https://juheimgs.oss-cn-beijing.aliyuncs.com/banner/201802/5a73fefeac6fa.png">
                    </a>
                    <a href="#" class="data-service-menu-banner">
                        <img src="https://juheimgs.oss-cn-beijing.aliyuncs.com/banner/201802/5a73fefeac6fa.png">
                    </a>
                </div>
            </div>
        </div>
        <div class="header-dropdown-content">
            <div id="production-solution" class="header-dropdown-nav">
                <div class="sub-nav-container">
                    <div class="sub-nav-production">
                        <p class="sub-nav-pro-title">产品和解决方案/Products and Solutions</p>
                        <div class="production-item">
                            <a href="#">金融征信解决方案</a>
                            <p class="desc">金融风控、人脸对比、反欺诈</p>
                        </div>
                        <div class="production-item">
                            <a href="#">金融征信解决方案</a>
                            <p class="desc">金融风控、人脸对比、反欺诈</p>
                        </div>
                        <div class="production-item">
                            <a href="#">金融征信解决方案</a>
                            <p class="desc">金融风控、人脸对比、反欺诈</p>
                        </div>
                        <div class="production-item">
                            <a href="#">金融征信解决方案</a>
                            <p class="desc">金融风控、人脸对比、反欺诈</p>
                        </div>
                    </div>
                    <div class="sub-nav-production">
                        <p class="sub-nav-pro-title">产品和解决方案/Products and Solutions</p>
                        <div class="production-item">
                            <a href="#">金融征信解决方案</a>
                            <p class="desc">金融风控、人脸对比、反欺诈</p>
                        </div>
                        <div class="production-item">
                            <a href="#">金融征信解决方案</a>
                            <p class="desc">金融风控、人脸对比、反欺诈</p>
                        </div>
                        <div class="production-item">
                            <a href="#">金融征信解决方案</a>
                            <p class="desc">金融风控、人脸对比、反欺诈</p>
                        </div>
                        <div class="production-item">
                            <a href="#">金融征信解决方案</a>
                            <p class="desc">金融风控、人脸对比、反欺诈</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

